@function rem($px) {
  @return $px / 32 * 1rem;
}

@mixin center_XY {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

@mixin placeholder($color:#D5D5D5,$size:rem(30)) {
  &:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: $color;
    font-size: $size;
    opacity: 1;
  }

  &::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: $color;
    font-size: $size;
    opacity: 1;
  }

  &:-ms-input-placeholder {
    color: $color;
    font-size: $size;
    opacity: 1;
  }

  &::-webkit-input-placeholder {
    color: $color;
    font-size: $size;
    opacity: 1;
  }
  &::placeholder {
    color: $color;
    font-size: $size;
    opacity: 1;
  }
}

@mixin text-over-hidden{
  overflow: hidden; /*自动隐藏文字*/
  text-overflow: ellipsis;/*文字隐藏后添加省略号*/
  white-space: nowrap;/*强制不换行*/
  -ms-text-overflow: ellipsis;
}
